<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // document.write("我希望我可以瘦40斤")
        // document.write("我希望我可以瘦40斤")
        // document.write("我希望我可以瘦40斤")
        // ..
    </script>

    1.循环
    while循环(直到)
    语法结构:while(限制条件){满足条件执行的循环体(代码块)}

    2.构成循环:
    1.初始化条件
    2.条件判断
    3.要执行的语句
    4.条件迭代
    条件不满足的循环结束

    执行顺:1234=>234=>234
    <script>
        // var i=1;
        // while(i<5){
        //     console.log("我执行了");
        //     i++;
        // }

        // var i=1;
        // while(i<5){
        //     document.write("<br>我希望我可以瘦40斤<br>,这是第"+i+"次的输出");
        //     i++;
        // }

        // 高斯数学:
        // 统计:1+2+3+4...+100的=5050
        // 分析:1+2=3 3+3=6 6+4=10 10+5=15 15+6=21 21+7=28 28+8=36 36+9=45 45+10=55

        // var i=1;//变量
        // var sum=0;//两数的和
        // while(i<=10){
        //     sum=sum+i;
        //     i++
        // }
        // console.log(sum);//55
        // console.log(i);//11

        // i=1;sum=sum+i=1; sum=1, i++ =2;
        // i=2;sum=sum+2;==>sum=3,i++ =3;
        // i=3;sum=sum+3;==>sum=6,i++ =4;
        // i=4;sum=sum+4;==>sum=10,i++5
        // ..i
        // i=10;sum=sum+10;==>sum=55,i++11
    </script>

     案例:输出1-100之间,同时能被3和7整除的数字?
     分析:
     1.限制条件1-100之间 var k=1;k<=100
     2.判断 k%3==0&&k%7==0
     3.输出k
     4.条件迭代k++

    <script>
        // var k=1;
        // while(k<=100){
        //     if(k%3==0&&k%7==0){
        //         console.log(k);
        //     }
        //     k++;
        // }
        // console.log(k);//101
    </script>

    循环的嵌套,(双重循环)
    特点:外层的循环一次,里面的存在的循环全部循环一遍<br>
    <!-- while(){
        while(){
        
        }
    } -->
    <script>
        // var i=1
        // while(i<=10){
        //     document.write("我是外层的循环"+i+"<br>")
        //     i++
                
        // }
        // i=1;i<=10成立.输出第一句外层,i++=2;
        //     j=1;j<=10成立,输出第一句里层,j++=2;
        //     j=2;j<=10成立,输出第二句里层,j++=3;
        //     j=3,j<=10成立,输出第三句里层,j++=4;
        //     ..
        //     j=11.j<=10不成立,循环结束
        // i=2.i<=10成立.输出第二句外层,i++=2;
        //     j=1;j<=10成立,输出第一句里层,j++=2;
        //     j=2;j<=10成立,输出第二句里层,j++=3;
        //     j=3,j<=10成立,输出第三句里层,j++=4;
        //     ..
        //     j=11.j<=10不成立,循环结束
            ///
    </script>

    <!-- 输出一个四行四列的****
                   ****
                   ****
                   **** -->
    <script>
        // ****
        var ac=1;
        while(ac<=4){
            document.write("<br>");
            ac++
                var bd=1
                while(bd<=4){
                    document.write("*");
                    bd++
                }
        }

    </script>

     

</body>
</html>